<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>业务计划</title>
	<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
	<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
	<!-- <link rel="stylesheet" type="text/css" href="assets/css/capital.css" /> -->
	<link rel="stylesheet" href="assets/css/plantaskhome.css">
	<link rel="stylesheet" type="text/css" href="assets/css/plantask.css" />
</head>

<body>
	<div class="container">
		<div class="navigation before">
			
		</div>
		<div class="content">
			<header class="">
				<div class="left">
					<!-- <img class="toggle packUp" src="assets/images/nav/icon-zhankai.svg">
						<img class="toggle expansion" src="assets/images/nav/icon-zhedie.svg"> -->
					<!-- <h1>2022年 全面预算</h1> -->
					<div class="">
						<h2>计划</h2>
						<p><a href="index.html">首页</a> - <a href="business.html">业务</a><span> - 计划</span></p>
					</div>
				</div>
				<div class="right">
					<div class="search">
						<div class="year">
							<p>时间：</p>
							<input type="text" name="" id="year" value="" />
						</div>
						<div class="section">
							<p>部门：</p>
							<div class="sector">
								<div class="">
									<span>全所</span>
								</div>
							</div>
							<div class="options">
								<div class="all">
									<i></i>
									<p>全所</p>
								</div>
							</div>
						</div>
					</div>
					<time></time>
					<div class="menu">
						<a class="goBack" href="javascript:goFront();">前往后台</a>
						<div class="user">
							<p>A</p>
							<div class="">
								<a href="change-password.html">修改密码</a>
								<a href="login.html">退出登录</a>
							</div>
						</div>
					</div>
				</div>
			</header>
			<div class="wrapper">
				<div class="esun-charts-group">
					<div class="esun-box esun-receive-type1">
						<div class="esun-box-title">总体计划</div>
						<div class="left">
							<ul>
								<li><a class="colortips" style="background-color:#165DFF;"></a>&nbsp;&nbsp;按时完成数</li>
								<li><a class="colortips" style="background-color:#F53F3F;"></a>&nbsp;&nbsp;未按时完成数</li>
								<li><a class="colortips" style="background-color:#ffffff;"></a>&nbsp;&nbsp;计划总数</li>
								<div class="lione">12888</div>
								<div class="litwo">0</div>
								<div class="lispecial">→</div>
								<div class="lithree">12888</div>
							</ul>
						</div>
						<div class="right">
							<!-- <div id="semicircle"></div> -->
							<svg>
								<circle cx="80" cy="93" r="68" stroke="#F53F3F" stroke-width="12" fill="none" stroke-dasharray="216"
									stroke-dashoffset="-212" stroke-linecap="round" />
								<circle cx="80" cy="93" r="68" stroke="#165DFF" stroke-width="13" fill="none" stroke-dasharray="0 216"
									stroke-dashoffset="-212" stroke-linecap="round" />
							</svg>
							<div class="bao">
								<div class="prcenttitel">
									完成率占比
								</div>
								<div class="prcentnum">
									<div class="prcentnumleft">100<span>%</span></div>
									<div class="prcentnumright">0<span>%</span></div>
								</div>

								<div class="prcentnumok">
									100<span>%</span>
								</div>
							</div>

						</div>
					</div>
					<div class="esun-box esun-receive-type2">
						<div class="esun-box-title">车间任务</div>
						<div class="left">
							<ul>
								<li><a class="colortips" style="background-color:#165DFF;"></a>&nbsp;&nbsp;按时完成数</li>
								<li><a class="colortips" style="background-color:#F53F3F;"></a>&nbsp;&nbsp;未按时完成数</li>
								<li><a class="colortips" style="background-color:#ffffff;"></a>&nbsp;&nbsp;计划总数</li>
								<div class="lione2">12888</div>
								<div class="litwo2">0</div>
								<div class="lispecial" style="background-color:#F53F3F;">→</div>
								<div class="lithree2">12888</div>
							</ul>
						</div>
						<div class="right">
							<svg>
								<circle cx="80" cy="93" r="68" stroke="#F53F3F" stroke-width="12" fill="none" stroke-dasharray="216"
									stroke-dashoffset="-212" stroke-linecap="round" />
								<circle cx="80" cy="93" r="68" stroke="#165DFF" stroke-width="13" fill="none" stroke-dasharray="200 216"
									# 注意，这里数字的比例即为进度条比例 stroke-dashoffset="-212" stroke-linecap="round" />
							</svg>
							<div class="prcenttitel">
								完成率占比
							</div>
							<div class="prcentnum">
								<div class="prcentnumleft2">95<span>%</span></div>
								<div class="prcentnumright2">5<span>%</span></div>
							</div>

							<div class="prcentnumok2">
								100<span>%</span>
							</div>

						</div>
					</div>
					<div class="esun-box esun-receive-type3">
						<div class="esun-box-title">型号任务</div>
						<div class="left">
							<ul>
								<li><a class="colortips" style="background-color:#165DFF;"></a>&nbsp;&nbsp;按时完成数</li>
								<li><a class="colortips" style="background-color:#F53F3F;"></a>&nbsp;&nbsp;未按时完成数</li>
								<li><a class="colortips" style="background-color:#ffffff;"></a>&nbsp;&nbsp;计划总数</li>
								<div class="lione3">9342</div>
								<div class="litwo3">1170</div>
								<div class="lispecial3">→</div>
								<div class="lithree3">10512</div>
							</ul>
						</div>
						<div class="right">
							<svg>
								<circle cx="80" cy="93" r="68" stroke="#F53F3F" stroke-width="12" fill="none" stroke-dasharray="216"
									stroke-dashoffset="-212" stroke-linecap="round" />
								<circle cx="80" cy="93" r="68" stroke="#165DFF" stroke-width="13" fill="none" stroke-dasharray="200 216"
									# 注意，这里数字的比例即为进度条比例 stroke-dashoffset="-212" stroke-linecap="round" />
							</svg>
							<div class="prcenttitel">
								完成率占比
							</div>
							<div class="prcentnum">
								<div class="prcentnumleft3">95<span>%</span></div>
								<div class="prcentnumright3">5<span>%</span></div>
							</div>

							<div class="prcentnumok3">
								100<span>%</span>
							</div>

						</div>
					</div>
					<div class="esun-box esun-receive-type4">
						<div class="esun-box-title">各车间计划完成情况</div>
						<div id="completedworkshop"></div>
					</div>
					<div class="esun-box esun-receive-type5">
						<div class="esun-box-title">各车间计划数占比</div>
						<!-- <div class="esun-box-center">
                                计划总数
                                <p>12888</p>
                                <span>↑16%</span>较上年
                            </div> -->
						<div id="abcd"></div>
						<div id="abcdd"></div>
						<!-- <div class="esun-box-center">
                                计划总数
                                <p>12888</p>
                                <span>↑16%</span>较上年
                            </div> -->
						<!-- <div id="proportionworkshop"></div> -->
					</div>
					<div class="esun-box esun-receive-type6">
						<div class="esun-box-title">型号计划数Top5</div>
						<div id="modelplannumber"></div>
					</div>
					<div class="esun-box esun-receive-type7">
						<div class="esun-box-title">月度计划完成率</div>
						<!-- <div class="monthlycompletion">
                             本月完成率<p>98%</p>
                             <a class="precent">↑23%</a><a class="precentword">较上月</a>
                            </div> -->
						<div id="monthlycompletionprecent"></div>

					</div>
				</div>
			</div>
		</div>
	</div>


	<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/http/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/test.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/plugins/chartlib.js" type="text/javascript" charset="utf-8"></script>

	<script src="assets/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/plugins/comm.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/plantaskData.js" type="text/javascript" charset="utf-8"></script>




	<!-- <script src="assets/js/capital.js" type="text/javascript" charset="utf-8"></script> -->
</body>

</html>